<#assign ctx = request.contextPath />
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<title>公告消息</title>
		<link rel="shortcut icon" type="image/x-icon" href="${ctx}/assets/img/ezu.png" />
    	<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.css" />
	</head>
	
	<body>
		<div class="container-fluid">
  			<div class="row">
            	<div class="col-lg-12">
					<div class="container-fluid">
						<div class="row">
 							<div class="col-xs-12">
								${announcement.content?if_exists}
							</div>
		            	</div>
					</div>
            	</div>
            </div>
    	</div>
	</body>
	
	<script src="${ctx}/assets/js/jquery-1.11.0.min.js"></script>
    <script src="${ctx}/assets/js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			
		}); 
		window.onload=function(){ 
		      var fixWidth = $(window).width();
		      $("img").each(function(index,element){
		           var ratio = 0;  // 缩放比例
		           var width = $(this).width();    // 图片实际宽度
		         
		           // 检查图片是否超宽
		           if(width > fixWidth){
		               ratio = fixWidth / width;   // 计算缩放比例
		               $(this).css("width", fixWidth); // 设定实际显示宽度
		               height = height * ratio;    // 计算等比例缩放后的高度 
		               $(this).css("height", height);  // 设定等比例缩放后的高度
		           }
		      });
		}  
	</script>
</html>
